
//局部加载	结合html 页面 一起看
$(function(){
	$.ajax({
		type:"get",
		url:"http://127.0.0.1:3000/api/getmoneyctrl",
		async:true,
		dataType:"json",
		success:function(data){
			var html = template("recommenJson",data);
			$("#menuGet").html(html);
			// 得到最大页面			  一共多少数据				每页显示多少个数据
			var Count = Math.ceil(data.totalCount / data.pagesize);
			// 动态添加 select 下拉按钮里的数据
			for(var i = 0; i < Count; i++) {
									// 在元素末尾最加		添加value添加标记			i + 1 因为 i 是 0 开始 用户看到的需要 从 第一个开始计数
				$("#menuBottom>select").append("<option value=" + (i + 1) + ">" + (i + 1) + "/<span>" + Count + "</span></option>");
			}
			// 创建变量  默认为1 即从第一页开始
			var pageid = 1;
			$("#menuBottom>button").click(function() {
				// 判断 用户点击的是哪个上一页还是下一页
				if($(this).html() == "上一页") {
					// 如果当前为第一页 就不能让用户往上翻页
					if(pageid != 1) {
						pageid--;
						//需求是点击上一页或下一页的时候  select 也要跟随当前页面进行默认选中
						//jQuery属性选择器	利用当前pageid值 (即对应页面) 同时对应 17行		prop 给元素添加一个属性  selected 为 true时 就会默认选中
						$("#menuBottom>select>option[value='" + pageid + "']").prop("selected", true);
						$.ajax({
							url: "http://127.0.0.1:3000/api/getmoneyctrl",
							dataType: "json",
							data: {
								//核心逻辑 运用一个变量达到 多个方法同时使用
								pageid: pageid
							},
							success: function(data) {
								var html = template("recommenJson", data);
								$("#menuGet").html(html);

							}
						})
					}

				} else if($(this).html() == "下一页") {
					// 判断 用户点击的是哪个上一页还是下一页
					// 如果当前为最大页数, 就不能让用户往下翻页
					if(pageid != Count) {
						pageid++;
						//jQuery属性选择器	利用当前pageid值 (即对应页面) 同时对应 17行		prop 给元素添加一个属性  selected 为 true时 就会默认选中
						$("#menuBottom>select>option[value='" + pageid + "']").prop("selected", true);
						$.ajax({
							url: "http://127.0.0.1:3000/api/getmoneyctrl",
							dataType: "json",
							data: {
								pageid: pageid
							},
							success: function(data) {
								var html = template("recommenJson", data);
								$("#menuGet").html(html);
							}
						})
					}
				}
			})
			// 这个事件是用来监听 select 如果被用户点击 改变了 默认选中 时触发
			$("#menuBottom >select").change(function() {
				pageid = $(this).children('option:selected').val();
				$.ajax({
					url: "http://127.0.0.1:3000/api/getmoneyctrl",
					dataType: "json",
					data: {
						pageid: pageid
					},
					success: function(data) {
						var html = template("recommenJson", data);
						$("#menuGet").html(html);
						
					}
				})
			});
		}
		
	});
})
